/* 头部 */
header {
    background-color: #0b0b0b;
    height: 90px;
    position: relative;
}
.container-fluid {
    padding: 0;
}
header .container {
    width: 1240px;
    height: 100%;
    padding: 0;
    /* background-color: red; */
}
.top_left {
    width: 200px;
    height: 100%;
    position: relative;

    cursor: pointer;
}
.top_left .logo {
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;

    width: 190px;
    height: 100px;
    background: url(../images/spr.png) 0 -30px no-repeat;
} 
header nav {
    height: 100%;
}
header .container nav li {
    width: 120px;
    height: 90px;
    padding: 0;
    
    text-align: center;
    line-height: 90px;
}
header .container nav li a {
    padding: 0;
    margin-top: 30px;
    font-size: 18px;
    color: #fafafa;
}
header .container nav li:nth-child(2) a {
    cursor: default;
}
header .container nav li:nth-child(3) a {
    cursor: default;
}
header .container nav li:nth-child(5) a {
    cursor: default;
}
header .container nav li a:hover {
    background-color: transparent;
}
header .container nav li a span {
    display: block;
    font-size: 10px;
    color: #838383;
}
.top_middle {
    height: 100%;
}
.top_middle a {
    display: inline-block;
    width: 40px;
    height: 100%;
    margin-left: 5px;
    /* background-color: #fff; */
}
.top_middle a:nth-child(1) i {
    display: block;
    width: 27px;
    height: 27px;
    margin: 25px auto 0;
    background: url(../images/spr.png) -8px 0 no-repeat;
}
.top_middle a:nth-child(2) i {
    display: block;
    width: 21px;
    height: 27px;
    margin: 25px auto 0;
    background: url(../images/spr.png) -45px 0 no-repeat;
}
.top_right {
    position: relative;
    width: 350px;
    height: 100%;
}
.top_right:hover {
    background-color:rgba(27,27,27,0.9);
}
.top_right:hover .drop{
    display: block;
}
.top_right .drop {
    position: absolute;
    top: 90px;
    z-index: 3;

    display: none;
    width: 350px;
    height: 134px;
    padding-top: 20px;
    background-color: rgba(27,27,27,0.9);
    color: #666;
}
.top_right .drop p {
    margin: 0;
    padding: 10px 30px 0;
    height: 48px;
    text-align: left;
    color: #868686;
    font-size: 14px;
}
.top_right .drop p:nth-child(2) {
    padding: 0;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #999;
    text-align: center;
}
.top_right .drop .drop_bottom {
    width: 100%;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background-color: #161413;
    color: #e0e0e0;
    font-size: 12px;
    cursor: pointer;
}
.t_r_left {
    width: 100px;
    height: 100%;
    position: relative;
}
.t_r_l_middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;

    width: 74px;
    height: 74px;
    border-radius: 50%;

    background: url(../images/spr.png) 0 -169px no-repeat;
}
.t_r_left img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    width: 66px;
    border-radius: 50%;
}
.t_r_right {
    width: 240px;
    height: 100%;

    overflow: hidden;
}
.t_r_right p:nth-child(1) {
    margin-top: 23px;
    margin-bottom: 5px; 
    font-size: 16px;
    color: #fff;
}
.t_r_right p:nth-child(1) a {
    font-size: 16px;
    color: #dfb257;
    margin: 0 3px;
    text-decoration: underline;
    cursor: pointer;

}
.t_r_right p:nth-child(2) {
    font-size: 12px;
    color: #999;
}
.droplist {
    position: absolute;
    top: 90px;
    z-index: 1;

    display: none;
    width: 100%;
    height: 230px;
    padding: 20px 0;

    background-color:rgba(0,0,0,.7);
}
.droplist .container {
    padding-left: 200px;
}
.droplist li {
    width: 120px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}
.droplist li a {
    color: #e1e1e1;
}
.droplist li a:hover {
    color: #e9c06c;
    text-decoration: none;
    cursor: pointer;
}
.icon-hot {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background: url(../images/spr.png) -107px 0 no-repeat;
}
.icon-new {
    display: inline-block;
    width: 14px;
    height: 14px;
    /* vertical-align: middle; */
    background: url(../images/spr.png) -129px 0 no-repeat;
}
/* 内容 */
.content {
    height: 350px;
    position: relative;
    overflow: hidden;
}
.content .container {
    width: 1240px;
    height: 100%;
    padding: 0;
    padding-top: 100px;
}
.content .container h2 {
    margin: 0;
    margin-bottom: 30px;
    font-size: 50px;
    line-height: 50px;
    color: #ffcb60;
    font-weight: bold;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,232,184,1)), to(rgba(175,133,48,1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.content .container p {
    margin: 0;
    margin-bottom: 30px;
    color: #dbdbdb;
    font-size: 18px;
}
.content .container a {
    display: block;
    width: 159px;
    height: 40px;
    text-align: center;
    color: #c89b3c;
    line-height: 36px;
    font-weight: 700;
    border: 2px solid rgb(189, 148, 64);
    background-color: rgba(0,0,0,0.65);
    border-image: linear-gradient(to bottom, #6b5024 0%, #b88d35 100%);
    border-image-slice: 1;
}
.content .container a:hover {
    background-color: #000;
    text-decoration: none;
}
.c_bottom {
    height: 26px;
    margin-top: 20px;
    color: #888787;
}
.c_bottom em {
    color: #f5d185;
    font-style: normal;
    margin-right: 10px;
}
.c_bottom span {
    display: inline-block;
    height: 100%;
    padding: 0 15px;
    border: 2px solid #f5d185;
    font-size: 12px;
    color: #f5d185;
    line-height: 22px;
    background-color: rgba(0,0,0,0.65);
    border-image: linear-gradient(to bottom, #6b5024 0%, #b88d35 100%);
    border-image-slice: 1;
    cursor: pointer;
}.c_bottom span:hover {
    background-color: #000;
}
.back_video {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;

    margin-left: -960px;
}
/* zhzx */
.zhzx {
    height: 62px;
    border-top: 2px solid #8c6c2d;
}
.zhzx .container {
    padding: 0;
    width: 1240px;
}
.zhzx li {
    width: 110px;
    height: 60px;
    margin-right: 49px;
    padding: 0;
    line-height: 58px;
    color: #555555;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.zhzx li:first-child {
    border-bottom-color: #8c6c2d;
    color: #8c6c2d;
} 
.lunbotu {
    height: 440px;
    padding-top: 40px;
    margin-bottom: 60px;
    background: #f7f7f7 url(../images/bg-content-top.jpg) center top no-repeat;
}
.lunbotu .container {
    width: 1240px;
    height: 400px;
    padding: 0;
    
    cursor: pointer;
}
.lunbotu_left {
    width: 820px;
    height: 100%;
    margin-right: 20px;
    background-color: #121112;
}
.lunbotu_left img {
    width: 820px;
    height: 350px;
}
.lunbotu_left li {
    width: 164px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #c8c8c8;
}
.lunbotu_left li:first-child {
    background-color: #303030;
    color: #e9c06c;
}
.lunbotu_right {
    width: 400px;
    height: 400px;
}
.lunbotu_right .container {
    width: 400px;
    height: 240px;
    padding: 0;
    /* margin-bottom: 60px; */
}
.down {
    display: block;
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
}
.lunbotu_right li {
    float: left;
    width: 130px;
    height: 55px;
    margin-top: 5px;
    margin-left: 5px;
    line-height: 55px;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    position: relative;
}
.lunbotu_right li span {
    color: #555555;
    font-size: 14px;
}
.lunbotu_right li .icon-hot {
    position: absolute;
    right: 3px;
    top: 3px;
    right: 7px;

    width: 14px;
    height: 14px;
    background: url(../images/spr.png) -107px 0 no-repeat;
}
.lunbotu_right li .icon-new {
    position: absolute;
    right: 3px;
    top: 3px;
    right: 2px;

    width: 14px;
    height: 14px;
    background: url(../images/spr.png) -129px 0 no-repeat;
}
.lunbotu_right li:hover {
    background-color: #f0f0f0;;
}
.lunbotu_right li i {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
}
.icon-guide {
    background: url(../images/spr.png) -200px 0 no-repeat;
}
.icon-yz {
    background: url(../images/spr.png) -560px 0 no-repeat;
}
.icon-mall {
    background: url(../images/spr.png) -590px 0 no-repeat;
}
.icon-icon {
    background: url(../images/spr.png) -380px 0 no-repeat;
}
.icon-cjf {
    background: url(../images/spr.png) -650px 0 no-repeat;
}
.icon-tr {
    background: url(../images/spr.png) -650px -30px no-repeat;
}
.icon-rgm {
    background: url(../images/spr.png) -620px 0 no-repeat;
}
.icon-info {
    background: url(../images/spr.png) -260px 0 no-repeat;
}
.icon-reward {
    background: url(../images/spr.png) -470px 0 no-repeat;
}
.icon-weibo {
    background: url(../images/spr.png) -500px 0 no-repeat;
}
.icon-bbs {
    background: url(../images/spr.png) -410px 0 no-repeat;
}
.icon-kefu {
    background: url(../images/spr.png) -440px 0 no-repeat;
}
.lunbotu_right li:nth-child(1), .lunbotu_right li:nth-child(4), .lunbotu_right li:nth-child(7), .lunbotu_right li:nth-child(10) {
    margin-left: 0;
}
/* zxzx */
.zxzx {
    height: 715px;
    margin-bottom: 60px;
}
.zxzx .container {
    width: 1240px;
    height: 100%;
    padding: 0;
}
.zxzx_left {
    margin-right: 20px;
    width: 820px;
    height: 100%;
}
.zxzx_right {
    width: 400px;
}
.zxzx_left_top {
    width: 100%;
    height: 53px;
    margin-bottom: 24px;
    border-bottom: 3px solid #ededee;
}
.zxzx_left_top h3 {
    font-size: 26px;
    height: 100%;
    color: #404040;
    line-height: 50px;
    padding: 0;
    margin: 0;
}
.zxzx_left_top li {
    float: left;
    width: 168px;
    height: 53px;
    padding-top: 11px;
    line-height: 39px;
    text-align: center;
    font-size: 18px;
    color: #666;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.zxzx_left_top li:first-child {
    border-bottom-color: #d1ab57;
    font-weight: bold;
    color: #d1ab57;
}
.zxzx_left_img {
    width: 820px;
    height: 124px;
    margin-bottom: 28px;
    cursor: pointer;
}
.zxzx_left_img_img {
    width: 200px;
    height: 100%;
}
.zxzx_left_img_img img {
    width: 200px;
    height: 124px;
} 
.zxzx_left_img_title {
    width: 600px;
    height: 50px;
    font-size: 36px;
    color: #3e3e3e;
    line-height: 50px;
    font-weight: bold;
    overflow: hidden;
}
.zxzx_left_content {
    width: 100%;
}
.zxzx_left_content li {
    width: 100%;
    height: 35px;
    margin: 8px 0;
    line-height: 35px;
    cursor: pointer;
}
.zxzx_left_content li:hover .zxzx_left_content_left{
    background-color: #d1ab57;
    color: #fff;
}
.zxzx_left_content li:hover .zxzx_left_content_middle {
    color: #d1ab57;
}
.zxzx_left_content_left {
    width: 65px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #7a7a7a;
    font-size: 16px;
    background-color: #ebebeb;
}
.zxzx_left_content_right {
    width: 50px;
    height: 35px;
    line-height: 35px;
    text-align: right;
    color: #bababa;
    font-size: 16px;
}
.zxzx_left_content_middle {
    width: 675px;
    height: 35px;
    line-height: 35px;
    color: #555555;
    font-size: 16px;
}
.zxzx_left_bottom {
    width: 100%;
    height: 45px;
    margin-top: 19px;
    text-align: center;
    line-height: 45px;
    background-color: #f0f0f0;
    color: #515151;
    font-size: 16px;
    cursor: pointer;
}
.zxzx_left_bottom span {
    color: #515151;
    font-size: 16px;
}
.zxzx_left_bottom i {
    color: #d1ab57;
    font-size: 16px;
    font-style: normal;
}
.zxzx_right_top {
    width: 400px;
    height: 53px;
    border-bottom: 3px solid #ededee;
    margin-bottom: 15px;
}
.zxzx_right_top .container {
    padding: 0;
    width: 400px;
    height: 53px;
}
.zxzx_right_top .row {
    margin: 0;
    padding: 0;
}
.zxzx_right_top .col-md-4 {
    padding: 11px 0 0;
    line-height: 39px;
    text-align: center;
    font-size: 16px;
    color: #666;
    width: 133.3333px;
    border-bottom: 3px solid transparent;
    cursor: pointer;
}
.zxzx_right_top .col-md-4:first-child {
    color: #d1ab57;
    border-bottom-color: #d1ab57;
    font-weight: bold;
}
.zxzx_right_content li {
    width: 400px;
}
.zxzx_right_content li img {
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
}
.zxzx_right_content_top {
    cursor: pointer;
}
.zxzx_right_content li img:last-child {
    margin-right: 0;
}
.zxzx_right_content_bottom img:first-child {
    margin-right: 10px;
}
.zxzx_right_content_bottom {
    margin-bottom: 20px;
    margin-top: 82px;  
    cursor: pointer;
}
.zxzx_right_bottom {
    width: 100%;
    height: 70px; 
}
.zxzx_right_bottom_left {
    width: 80px;
    height: 70px;
    background: url(../images/spr.png) -330px -89px no-repeat;
}
.zxzx_right_bottom_right {
    padding-top: 5px;
    width: 320px;
    height: 100%;
}
.zxzx_right_bottom_right h5{
    margin: 0;
    padding: 0;
    color: #404040;
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
}
.zxzx_right_bottom_right p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 19px;
    color: #878787;
}
/* zxtj */
.zxtj {
    height: 323px;
}
.zxtj .container {
    width: 1240px;
    height: 100%;
    padding: 0;
    /* background-color: red; */
}
.zxtj_top {
    width: 100%;
    height: 53px;
    border-bottom: 3px solid #ededee;
    margin-bottom: 20px;
}
.zxtj_top h3 {
    padding: 0;
    margin: 0;
    font-size: 26px;
    line-height: 50px;
    color: #404040;
    margin-right: 40px;
    font-style: normal;
}
.zxtj_top li {
    float: left;
    width: 150px;
    height: 53px;
    padding-top: 11px;
    line-height: 39px;
    border-bottom: 3px solid transparent;
    color: #666;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}
.zxtj_top li:first-child {
    color: #d1ab57;
    font-weight: bold;
    border-bottom-color: #d1ab57;
}
.zxtj_middle li {
    float: left;
    width: 190px;
    height: 190px;
    margin-right: 20px;
    cursor: pointer;
}
.zxtj_middle_img {
    width: 190px;
    height: 110px;
    margin-bottom: 5px;
    position: relative;
    
}
.zxtj_middle li:hover .zxtj_middle_img span {
    visibility: visible;
    background-color: rgba(0,0,0,0.3);
}
.zxtj_middle li:hover h5 {
    color: #d1ab57;
    background-color: #eee;
}
.zxtj_middle_img img {
    width: 190px;
    height: 110px;  
}
.zxtj_middle li h5 {
    margin: 0;
    padding: 0;
    width: 190px;
    height: 40px;
    font-weight: normal;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    color: #555;
}
.zxtj_middle li:last-child {
    margin-right: 0;
}
.zxtj_middle_img i {
    position: absolute;
    right: 0;
    bottom: -1px;
    padding: 0 4px;
    background-color: rgba(17,17,17,.8);
    font-style: normal;
    color: #ddd;
}
.zxtj_middle_img span {
    position: absolute;
    top: 0;

    width: 100%;
    height: 100%;
    background: url(../images/bg-icon-v.png) center no-repeat;
    visibility: hidden;
}
.zxtj_bottom {
    width: 100%;
    height: 45px;
    margin-top: 15px;
    background-color: #f0f0f0;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
}
.zxtj_bottom:hover {
    background-color: #dad8d8;
}
.zxtj_bottom:hover span {
    color: #555;
}
.zxtj_bottom span {
    color: #515151;
    font-size: 16px;
}
.zxtj_bottom i {
    font-size: 16px;
    font-style: normal;
    color: #d1ab57;
}
.content-inner {
    height: 1668px;
    background: #f7f7f7 url(../images/bg-content-bottom.jpg) center bottom no-repeat;
}
footer {
    height: 205px;
    background-color: #000;
}
footer .container {
    margin: 30px auto;
    padding: 0;
    width: 1240px;
    height: 145px;
}
.footer_left {
    width: 277px;
    height: 75px;
    margin-top: 30px;
}
.foot_ieg_logo {
    margin-left: 10px;
    margin-top: 25px;
    width: 180px;
    height: 35px;
    background: url(../images/foot-dark.png) no-repeat;
    cursor: pointer;
}
.foot_logo-riot {
    margin-left: 10px;
    margin-top: 10px;
    width: 77px;
    height: 65px;
    background: url(../images/logo-riot.png) no-repeat;
    cursor: pointer;
}
.footer_right li {
    height: 20px;
    line-height: 20px;
}
.footer_right li a {
    font-size: 12px;
    color: #A5A5A5;
}
.footer_right li:first-child {
    height: 25px;
    line-height: 20px;
}
.footer_right li span {
    font-size: 10px;
    color: #A5A5A5;
}
.f_line {
    font-size: 10px;
    color: #494949;
    margin: 0 1px;
}